<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>padding的研究</title>
<script type="text/javascript" src="../../../js/jquery-1.2.6.js"></script>
<style>
	a{
		text-decoration: none;		
		font: 12px/1.125 Arial,Helvetica,sans-serif;
	}
	.wrapper{
		width:1000px;
		height:1000px;
		margin:0 auto;
		padding-left:10px;
	}
	
	.fill{
		background-color: #ccc;
	}
	.border{
		border:1px solid #0000ff;
	}
	
	.div_padding{
		width:300px;
		height:300px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.input_padding{
		padding-left:4px;	
		padding-right:4px;
		padding-top:5px;
		padding-bottom:5px;
		border-style:solid;
		border-width:1px;
		border-color:#989797 #d0cece #d0cece #989797;
		
		width:200px;
		min-width: 100px;
	}
	.select_padding{
		padding-left:4px;
		padding-right:4px;
		padding-top:5px;
		padding-bottom:5px;
		border-style:solid;
		border-width:1px;
		border-color:#989797 #d0cece #d0cece #989797;
		
		width:210px;
		height:27px;
		
	}
</style>
<script type="text/javascript">
$(function(){
	var width = $(".select_padding").width();
	var input_width = $(".select_padding")[0].offsetWidth;
	alert(input_width + " " +width);
});
</script>
</head>

<body>
<div class="wrapper border">
	<h2>CSS之Padding的研究</h2>
	<!-- 1.div -->
		
	
	<div class="div_padding fill">
		<p>
			1.女装 休闲裤 小脚裤 铅笔裤 加绒 加厚 打底裤 显瘦 黑色
			
			2.2012冬外套 女韩版中长款翻领羊毛妮子 修身气质毛呢大衣秦淮霓裳
			
			3.2012秋冬新款 韩版 热销双排扣 可拆卸 毛领 加厚 西装外套 女
			
			4.2012秋 冬款 欧美女装 娃娃领 珍珠缀饰 淑女 长袖 连衣裙 女
			
			5.新款 韩版 淑女 保暖 双排扣 加厚 妮子大衣 修身 收腰 显瘦 驼色
			妮子大衣 修身 收腰 7页第37个
			
			6.2012韩版秋冬热销爆款 立领双排扣 毛呢外套 收腰裙摆式 呢大衣 
			
			7.反季 春 秋修身时尚气质格子裙 黑白 瑞丽 圆领拼接长袖连衣裙
			
			8.2012秋冬季新款韩版斗篷英伦 女 甜美修身中长款呢子呢大衣 纯色  
			
			9.2012秋装新款新品 宽松圆领泡泡袖休闲大码女装长袖连衣裙
						8.2012秋冬季新款韩版斗篷英伦 女 甜美修身中长款呢子呢大衣 纯色  
			
			9.2012秋装新款新品 宽松圆领泡泡袖休闲大码女装长袖连衣裙
		</p>
	</div>
	
	<hr></hr>
	
	<!-- 2.input文本输入框 -->
	<input type="text" class="input_padding"/>
	
	<hr></hr>
	
	<!-- 3.下拉菜单 -->
	<select class="select_padding">
		<option>安徽</option>
		<option>北京.天津</option>
	</select>
	
</div>

</body>
</html>
